<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" />
    <script charset="utf-8" type="text/javascript"
        src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"></script>
</head>

<body>

    <div class="prism-player" id="J_prismPlayer"></div>
    <script>
        var player = new Aliplayer({
            id: 'J_prismPlayer',
            width: '100%',
            autoplay: false,
            cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',
            //播放方式一：支持播放地址播放,此播放优先级最高，此种方式不能播放加密视频
            source: 'https://outin-d8acd2bbc09c11ee82c700163e32a995.oss-cn-shanghai.aliyuncs.com/sv/3dc7ef63-18d6f3e86ab/3dc7ef63-18d6f3e86ab.mp4?Expires=1709169707&OSSAccessKeyId=LTAIwkKSLcUfI2u4&Signature=h51xoAtBFcZTdgfsEpd83S3MhaY%3D',
        }, function (player) {
            console.log('播放器创建好了。')
        });
    </script>

</body>

</html>